﻿
<div id="sidebar" class="sidebar-fixed">
    <div id="sidebar-content">
        <!-- Search Input -->
        <form class="sidebar-search">
            <div class="input-box">
                <button type="submit" class="submit">
                    <i class="icon-search"></i>
                </button>
                <span>
                    <input type="text" placeholder="Search...">
                </span>
            </div>
        </form>
        <!-- Search Results -->
        <div class="sidebar-search-results">
            <i class="icon-remove close"></i>
            <!-- Documents -->
            <div class="title">
                Documents
            </div>
            <ul class="notifications">
                <li>
                    <a href="javascript:void(0);">
                        <div class="col-left">
                            <span class="label label-info"><i class="icon-file-text"></i></span>
                        </div>
                        <div class="col-right with-margin">
                            <span class="message"><strong>John Doe</strong> received $1.527,32</span>
                            <span class="time">finances.xls</span>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="javascript:void(0);">
                        <div class="col-left">
                            <span class="label label-success"><i class="icon-file-text"></i></span>
                        </div>
                        <div class="col-right with-margin">
                            <span class="message">My name is <strong>John Doe</strong> ...</span>
                            <span class="time">briefing.docx</span>
                        </div>
                    </a>
                </li>
            </ul>
            <!-- /Documents -->
            <!-- Persons -->
            <div class="title">
                Persons
            </div>
            <ul class="notifications">
                <li>
                    <a href="javascript:void(0);">
                        <div class="col-left">
                            <span class="label label-danger"><i class="icon-female"></i></span>
                        </div>
                        <div class="col-right with-margin">
                            <span class="message">Jane <strong>Doe</strong></span>
                            <span class="time">21 years old</span>
                        </div>
                    </a>
                </li>
            </ul>
        </div> <!-- /.sidebar-search-results -->
        <!--=== Navigation ===-->
        <ul id="nav">
            <li>
                <a href="index.html">
                    <i class="icon-dashboard"></i>
                    Dashboard
                </a>
            </li>
            <li class="current open">
                <a href="javascript:void(0);">
                    <i class="icon-desktop"></i>
                    My Incidents
                    <span class="label label-info pull-right">6</span>
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="@Url.Action("", "LogIncident")">
                            <i class="icon-angle-right"></i>
                            Log New Incident
                        </a>
                    </li>
                    <li>
                        <a href="@Url.Action("", "myincidents")">
                            <i class="icon-angle-right"></i>
                            My Incidents
                        </a>
                    </li>
                    <li>
                        <a href="ui_tabs_accordions.html">
                            <i class="icon-angle-right"></i>
                            Search Incidents
                        </a>
                    </li>
                    <li>
                        <a href="ui_sliders.html">
                            <i class="icon-angle-right"></i>
                            Feedback
                        </a>
                    </li>

                </ul>
            </li>
            <li class=" ">
                <a href="javascript:void(0);">
                    <i class="icon-edit"></i>
                    Manage Incidents
                </a>
                <ul class="sub-menu">
                    <li>
                        <a href="form_components.html">
                            <i class="icon-angle-right"></i>
                            Log Incident for User
                        </a>
                    </li>
                    <li class="current">
                        <a href="form_layouts.html">
                            <i class="icon-angle-right"></i>
                            My Workgroup Incidents
                        </a>
                    </li>
                    <li>
                        <a href="form_validation.html">
                            <i class="icon-angle-right"></i>
                            Executive Incidents
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
         
        <div class="sidebar-widget align-center">
            <div class="btn-group" data-toggle="buttons" id="theme-switcher">
                <label class="btn active">
                    <input type="radio" name="theme-switcher" data-theme="bright"><i class="icon-sun"></i> Bright
                </label>
                <label class="btn">
                    <input type="radio" name="theme-switcher" data-theme="dark"><i class="icon-moon"></i> Dark
                </label>
            </div>
        </div>
    </div>
    <div id="divider" class="resizeable"></div>
</div>